// 权限控制
// 1.路由跳转权限控制
// 2.菜单权限控制

import router from '@/router/index'
import store from '@/store/index'
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'
import { getToken } from './utils/auth'

const whitelist = ['/login', '/404']
router.beforeEach((to, from, next) => {
  // to:去哪，目标路由对象
  // from：从哪来，来源路由对象
  // next：放行函数，【在分支中，右且只有一个next】
// 开启进度条(优化)
  NProgress.start()
  const token = getToken()
  if (token) {
    // to.path 当前要去哪里
    if (to.path === '/login') {
      next('/')
    } else {
      next()
      // 这个地方满足三个条件，合适/调用action函数
      // 如果当前调用过了，vuex已经存在数据，就不用再次调用
      if (!store.state.user.userInfo.userId) {
        // 没有userinfo
        store.dispatch('user/getUserInfo')
      }
    }
  } else {
    // includes前面的数组能否找得到括号里的某项数据，，这是数组中的方法includes
    if (whitelist.includes(to.path)) {
      next()
    } else {
      next('/login')
    }
  }
  // 结束进度条
  NProgress.done()
})
